
<body class="container">
   <div class="container">
   <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-XdYbMnZ/QjLh6iI4ogqCTaIjrFk87ip+ekIjefZch0Y+PvJ8CDYtEs1ipDmPorQ+" crossorigin="anonymous">

<style>

    h1 small {
        font-size: 16px;
    }
    .panel-default {
        border-color: #509f50;
    }

    .panel-default>.panel-heading {
        background-color: #509f50;
        border-color: #3a753a;
        color: white;
    }


    .table-striped>tbody>tr:nth-of-type(odd),
    .improvement:nth-of-type(odd),
    .blueRow {
        background-color: #ccffff;
    }

    .glyphicon-question-sign:before {
        color: #509f50;
    }

    .small {
        display: none;
    }

    .panel-body {
        padding:0px;
    }

    .panel-body>div>div {
        padding: 8px;
        font-size: 16px;
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    }

    .red {
        color: rgba(208, 33, 33, 0.73);
    }

    .black {
        color: black;
    }

    .button-bar {
        padding: 10px;
    }

    .button-bar .btn {
        margin-top: 10px;
        margin-bottom: 10px
    }
    
    .button-bar .btn-group {
        margin-left: 10px;
    }

    .rule, .deadStep, .feature,
    .stepDefinition, .hook {
        cursor: pointer;
    }

    .details .well{
        margin-bottom: 0px;
        cursor: default;
    }

    .scenario > .title {
        margin-top: 15px;
    }

    .well .well {
        background-color: white;
    }

    .table.collapse.in {
        display: inline-table;
    }

    .panel-heading {
        cursor: pointer;
    }

    .filename {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .small-page {
        display: none;
    }

    @media screen and (max-width: 993px){
        #ruleFilters {
            padding-left: 10px;
        }
    }

    @media screen and (max-width: 480px){
        .full-page {
            display: none;
        }
        .small-page {
            display: inline;
        }

        #rules_data .enable-bar {
            padding-left: 10px;
        }

        .ruleFilters .small-page {
            font-size: 20px;
        }
    }
</style>
   <div class="row">
  <div class="page-header">
    <h1>
      Cuke Sniffer <a class="black" target="_blank" href="https://github.com/r-cochran/cuke_sniffer"><span class="fa fa-github"></span></a>
      
        <small>1.0.1</small>
      
    </h1>
    <div>Score:
      <span class="score">192</span>
    </div>
  </div>
</div>
   <div class="row">
  <div class="panel panel-default">
    <div class="panel-heading panel-title" data-toggle="collapse" data-target="#information" >
      Information <span class="glyphicon glyphicon-menu-down"></span>
    </div>
    <div id="information" class="panel-body collapse">
      <div class="col-md-12">
        <div class="col-md-1">
          <h4>Purpose:</h4>
        </div>
        <div class="col-md-11">
          As users of Cucumber we are developers that wish to treat our testing projects with the same respect and
          quality as our production and user facing code. We wish to follow best practices and to avoid falling into
          some of the anti patterns that are easy to slip into using Cucumber. Cuke Sniffer was made to aid in the
          identification of these issues. The list of improvements has been constructed on opinions from the authors
          and feedback from community members. Not everyone will share these opinions and for that reason all
          improvements can be turned off when generating this report. See the
          <a target="_blank" href="https://github.com/r-cochran/cuke_sniffer/wiki">wiki</a> for instructions on how.
        </div>
      </div>
      <div class="col-md-12">
        <div class="col-md-1">
          <h4>Scoring:</h4>
        </div>
        <div class="col-md-11">
          Scoring is based on the number of 'smells' in a cucumber project, where smells are potential misuses or
          errors. Cuke Sniffer follows a 'golf score' type system where the lower the number, the better. 'Min' refers
          to the overall best score for a particular object and the 'Max' is the overall worst object score. The score
          is <u>relative</u> to each project and should be used to compare the project and teams growth.
        </div>
      </div>
      <div class="col-md-12">
        <div class="col-md-1">
          <h4>Authors:</h4>
        </div>
        <div class="col-md-11">
          <div>
            Robert Cochran <a target="_blank" href="https://twitter.com/cochrarj"><i class="fa fa-twitter"></i></a>
          </div>
          <div>
            Robert Anderson <a target="_blank" href="https://twitter.com/bobthesatyr1337"><i class="fa fa-twitter"></i></a>
          </div>
          <div>
            Christopher Vaughn <a target="_blank" href="https://twitter.com/mistercvaughn"><i class="fa fa-twitter"></i></a>
          </div>
        </div>
      </div>
      <div class="col-md-12">
        <div class="col-md-1">
          <h4>Links:</h4>
        </div>
        <div class="col-md-11">
          <div>
            <div>
              <a target="_blank" href="https://github.com/r-cochran/cuke_sniffer/issues">
                <span class="fa fa-bug"></span> Report Issues
              </a>

            </div>
            <div>
              <a target="_blank" href="https://github.com/r-cochran/cuke_sniffer/wiki/Patch-notes">
                <span class="fa fa-list"></span> Patch Notes
              </a>

            </div>
            <div>
              <a target="_blank" href="https://github.com/r-cochran/cuke_sniffer/blob/master/LICENSE">
                <span class="fa fa-balance-scale"></span> License
              </a>
            </div>
            <div>
              <a target="_blank" href="https://github.com/r-cochran/cuke_sniffer/wiki">
                <span class="fa fa-newspaper-o"></span> Wiki
              </a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
   <div class="row">
  <div id="summaryPanel" class="panel panel-default">
    <div class="panel-heading panel-title" data-toggle="collapse" data-target="#summaryTable">
      Summary <span class="glyphicon glyphicon-menu-up"></span>
    </div>
    
    <table id="summaryTable" class="table table-responsive table-striped collapse in">
      <tr>
        <td></td>
        <td>
          <span class="full-page">Features</span>
          <span class="small-page" title="Features">F</span>
        </td>
        <td>
          <span class="full-page">Scenarios</span>
          <span class="small-page" title="Scenarios">S</span>
        </td>
        <td>
          <span class="full-page">Step Definitions</span>
          <span class="small-page" title="Step Definitions">S.D.</span>
        </td>
        <td>
          <span class="full-page">Hooks</span>
          <span class="small-page" title="Hooks">H</span>
        </td>
      </tr>
      <tr>
        <td>
          Total Score
          <span title="Total Points for a section." class="glyphicon glyphicon-question-sign"
                data-toggle="tooltip" data-placement="right"></span>
        </td>
        
            <td>
              0
            </td>
        
            <td>
              10
            </td>
        
            <td>
              11
            </td>
        
            <td>
              171
            </td>
        
      </tr>
      <tr>
        <td>
          Count
          <span title="Total Number of objects found in the project." class="glyphicon glyphicon-question-sign"
                data-toggle="tooltip" data-placement="right"></span>
        </td>
        
            <td>3</td>
        
            <td>3</td>
        
            <td>8</td>
        
            <td>7</td>
        
      </tr>
      <tr>
        <td>
          Lowest Score
          <span title="Score of the best object found." class="glyphicon glyphicon-question-sign"
                data-toggle="tooltip" data-placement="right"></span>
        </td>
        
            <td>0</td>
        
            <td>0</td>
        
            <td>0</td>
        
            <td>21</td>
        
      </tr>
      <tr>
        <td>
          Highest Score
          <span title="Score of the object with the most to improve on." class="glyphicon glyphicon-question-sign"
                data-toggle="tooltip" data-placement="right"></span>
        </td>
        
            <td>0</td>
        
            <td>10</td>
        
            <td>10</td>
        
            <td>25</td>
        
      </tr>
      <tr>
        <td>
          Average Score
          <span title="Average score of a section." class="glyphicon glyphicon-question-sign"
                data-toggle="tooltip" data-placement="right"></span>
        </td>
        
            <td>
              
                  0.0
              
            </td>
        
            <td>
              
                  3.33
              
            </td>
        
            <td>
              
                  1.38
              
            </td>
        
            <td>
              
                  24.43
              
            </td>
        
      </tr>
      <tr>
        <td>
          Threshold
          <span title="The maximum score an object can have to be considered good." class="glyphicon glyphicon-question-sign"
                data-toggle="tooltip" data-placement="right"></span>
        </td>
        
            <td>30</td>
        
            <td>30</td>
        
            <td>20</td>
        
            <td>20</td>
        
      </tr>
      <tr>
        <td>
          Good
          <span title="Percentage of the objects that can be considered good in the project."
                class="glyphicon glyphicon-question-sign" data-toggle="tooltip" data-placement="right"></span>
        </td>
        
            <td>
              
                100.0
              
              %
            </td>
        
            <td>
              
                100.0
              
              %
            </td>
        
            <td>
              
                100.0
              
              %
            </td>
        
            <td>
              
                0
              
              %
            </td>
        
      </tr>
      <tr>
        <td>
          Bad
          <span title="Percentage of the objects that can be considered bad in the project."
                class="glyphicon glyphicon-question-sign" data-toggle="tooltip" data-placement="right"></span>
        </td>
        
            <td>
              
                  0
              
              %
            </td>
        
            <td>
              
                  0
              
              %
            </td>
        
            <td>
              
                  0
              
              %
            </td>
        
            <td>
              
                  100.0
              
              %
            </td>
        
      </tr>
    </table>
  </div>
</div>
   <div class="row">
  <div class="panel panel-default">
    <div class="panel-heading panel-title" data-toggle="collapse" data-target="#improvement_list_data">
      Improvement List <span class="glyphicon glyphicon-menu-down"></span>
    </div>
    

    <div id="improvement_list_data" class="panel-body collapse">
      
      <div>
        
          <div class="improvement" data-improvement="Hook without a begin/rescue. Reduced visibility when debugging.">
            <div class="row">
              <div class="col-md-12 title">
                <div class="col-md-1 red">
                  6
                </div>
                <div class="col-md-11">
                  Hook without a begin/rescue. Reduced visibility when debugging.
                </div>
              </div>
            </div>
          </div>
        
          <div class="improvement" data-improvement="Hook found outside of the designated hooks file">
            <div class="row">
              <div class="col-md-12 title">
                <div class="col-md-1 red">
                  1
                </div>
                <div class="col-md-11">
                  Hook found outside of the designated hooks file
                </div>
              </div>
            </div>
          </div>
        
          <div class="improvement" data-improvement="Hook is only comments.">
            <div class="row">
              <div class="col-md-12 title">
                <div class="col-md-1 red">
                  1
                </div>
                <div class="col-md-11">
                  Hook is only comments.
                </div>
              </div>
            </div>
          </div>
        
          <div class="improvement" data-improvement="Scenario steps out of Given/When/Then order.">
            <div class="row">
              <div class="col-md-12 title">
                <div class="col-md-1 red">
                  1
                </div>
                <div class="col-md-11">
                  Scenario steps out of Given/When/Then order.
                </div>
              </div>
            </div>
          </div>
        
          <div class="improvement" data-improvement="Nested step call.">
            <div class="row">
              <div class="col-md-12 title">
                <div class="col-md-1 red">
                  1
                </div>
                <div class="col-md-11">
                  Nested step call.
                </div>
              </div>
            </div>
          </div>
        
          <div class="improvement" data-improvement="Lazy Debugging through puts, p, or print">
            <div class="row">
              <div class="col-md-12 title">
                <div class="col-md-1 red">
                  1
                </div>
                <div class="col-md-11">
                  Lazy Debugging through puts, p, or print
                </div>
              </div>
            </div>
          </div>
        
          <div class="improvement" data-improvement="Hook with no content.">
            <div class="row">
              <div class="col-md-12 title">
                <div class="col-md-1 red">
                  1
                </div>
                <div class="col-md-11">
                  Hook with no content.
                </div>
              </div>
            </div>
          </div>
        
      </div>
    </div>
  </div>
</div>
   <div class="row">
  <div class="panel panel-default">
    <div id="rulesTab" class="panel-heading panel-title" data-toggle="collapse" data-target="#rules_data">
      Rules <span class="glyphicon glyphicon-menu-down"></span>
    </div>

    <div id="rules_data" class="panel-body collapse">
      <span class="button-bar">
        <div class="btn-group">
  <div class="btn btn-default" collapse>
    Collapse All
  </div>
  <div class="btn btn-default" expand>
    Expand All
  </div>
</div>
        <div class="btn-group enable-bar">
          <div id="enableAllRules" class="btn btn-default">
            Enable All
          </div>
          <div id="disableAllRules" class="btn btn-default">
            Disable All
          </div>
        </div>
        <div id="ruleFilters" class="btn-group" data-toggle="buttons">
          <div class="btn btn-default active">
            <input type="checkbox" checked data-rule-type="feature"/>
              <span class="full-page" title="Feature">Feature</span>
              <span class="small-page" title="Feature">F.</span>
          </div>
          <div class="btn btn-default active">
            <input type="checkbox" checked data-rule-type="background"/>
              <span class="full-page" title="Background">Background</span>
              <span class="small-page" title="Background">B.</span>
          </div>
          <div class="btn btn-default active">
            <input type="checkbox" checked data-rule-type="scenario"/>
              <span class="full-page" title="Scenario">Scenario</span>
              <span class="small-page" title="Scenario">S.</span>
          </div>
          <div class="btn btn-default active">
            <input type="checkbox" checked data-rule-type="stepdefinition"/>
              <span class="full-page" title="Step Definition">Step Definition</span>
              <span class="small-page" title="Step Definition">S. D.</span>
          </div>
          <div class="btn btn-default active">
            <input type="checkbox" checked data-rule-type="hook"/>
              <span class="full-page" title="Hook">Hook</span>
              <span class="small-page" title="Hook">H</span>
          </div>
        </div>
      </span>
      
        <div class="rule" data-rule-symbol="recursive_nested_step"
            
                rule-StepDefinition
            
        >
          <div>
            <input type="checkbox"
                
                    checked="checked"
                
            />
            <span data-phrase>Recursive nested step call.</span>
          </div>
          <div class="details" style="display:none;">
            <div class="well">
              <div class="row">
                <div class="col-md-3">
                  <b>Score:</b>
                </div>
                <div class="col-md-9">
                  100
                </div>
              </div>
              <div class="row">
                <div class="col-md-3">
                  <b>Targets:</b>
                </div>
                <div class="col-md-9" data-targets>
                  StepDefinition
                </div>
              </div>
              
            </div>
          </div>
        </div>
      
        <div class="rule" data-rule-symbol="background_with_tag"
            
                rule-Background
            
        >
          <div>
            <input type="checkbox"
                
                    checked="checked"
                
            />
            <span data-phrase>There is a background with a tag. This feature file cannot run!</span>
          </div>
          <div class="details" style="display:none;">
            <div class="well">
              <div class="row">
                <div class="col-md-3">
                  <b>Score:</b>
                </div>
                <div class="col-md-9">
                  100
                </div>
              </div>
              <div class="row">
                <div class="col-md-3">
                  <b>Targets:</b>
                </div>
                <div class="col-md-9" data-targets>
                  Background
                </div>
              </div>
              
            </div>
          </div>
        </div>
      
        <div class="rule" data-rule-symbol="comment_after_tag"
            
                rule-Feature
            
                rule-Scenario
            
        >
          <div>
            <input type="checkbox"
                
                    checked="checked"
                
            />
            <span data-phrase>Comment comes between tag and properly executing line. This feature file cannot run!</span>
          </div>
          <div class="details" style="display:none;">
            <div class="well">
              <div class="row">
                <div class="col-md-3">
                  <b>Score:</b>
                </div>
                <div class="col-md-9">
                  100
                </div>
              </div>
              <div class="row">
                <div class="col-md-3">
                  <b>Targets:</b>
                </div>
                <div class="col-md-9" data-targets>
                  Feature, Scenario
                </div>
              </div>
              
            </div>
          </div>
        </div>
      
        <div class="rule" data-rule-symbol="universal_nested_step"
            
                rule-StepDefinition
            
        >
          <div>
            <input type="checkbox"
                
                    checked="checked"
                
            />
            <span data-phrase>A nested step should not universally match all step definitions.  Dead steps cannot be correctly cataloged.</span>
          </div>
          <div class="details" style="display:none;">
            <div class="well">
              <div class="row">
                <div class="col-md-3">
                  <b>Score:</b>
                </div>
                <div class="col-md-9">
                  100
                </div>
              </div>
              <div class="row">
                <div class="col-md-3">
                  <b>Targets:</b>
                </div>
                <div class="col-md-9" data-targets>
                  StepDefinition
                </div>
              </div>
              
            </div>
          </div>
        </div>
      
        <div class="rule" data-rule-symbol="no_examples_table"
            
                rule-Scenario
            
        >
          <div>
            <input type="checkbox"
                
                    checked="checked"
                
            />
            <span data-phrase>Scenario Outline with no examples table.</span>
          </div>
          <div class="details" style="display:none;">
            <div class="well">
              <div class="row">
                <div class="col-md-3">
                  <b>Score:</b>
                </div>
                <div class="col-md-9">
                  100
                </div>
              </div>
              <div class="row">
                <div class="col-md-3">
                  <b>Targets:</b>
                </div>
                <div class="col-md-9" data-targets>
                  Scenario
                </div>
              </div>
              
            </div>
          </div>
        </div>
      
        <div class="rule" data-rule-symbol="no_examples"
            
                rule-Scenario
            
        >
          <div>
            <input type="checkbox"
                
                    checked="checked"
                
            />
            <span data-phrase>Scenario Outline with no examples.</span>
          </div>
          <div class="details" style="display:none;">
            <div class="well">
              <div class="row">
                <div class="col-md-3">
                  <b>Score:</b>
                </div>
                <div class="col-md-9">
                  100
                </div>
              </div>
              <div class="row">
                <div class="col-md-3">
                  <b>Targets:</b>
                </div>
                <div class="col-md-9" data-targets>
                  Scenario
                </div>
              </div>
              
            </div>
          </div>
        </div>
      
        <div class="rule" data-rule-symbol="around_hook_without_2_parameters"
            
                rule-Hook
            
        >
          <div>
            <input type="checkbox"
                
                    checked="checked"
                
            />
            <span data-phrase>Around hook without 2 parameters for Scenario and Block.</span>
          </div>
          <div class="details" style="display:none;">
            <div class="well">
              <div class="row">
                <div class="col-md-3">
                  <b>Score:</b>
                </div>
                <div class="col-md-9">
                  25
                </div>
              </div>
              <div class="row">
                <div class="col-md-3">
                  <b>Targets:</b>
                </div>
                <div class="col-md-9" data-targets>
                  Hook
                </div>
              </div>
              
            </div>
          </div>
        </div>
      
        <div class="rule" data-rule-symbol="no_description"
            
                rule-Feature
            
                rule-Scenario
            
        >
          <div>
            <input type="checkbox"
                
                    checked="checked"
                
            />
            <span data-phrase>{class} has no description.</span>
          </div>
          <div class="details" style="display:none;">
            <div class="well">
              <div class="row">
                <div class="col-md-3">
                  <b>Score:</b>
                </div>
                <div class="col-md-9">
                  25
                </div>
              </div>
              <div class="row">
                <div class="col-md-3">
                  <b>Targets:</b>
                </div>
                <div class="col-md-9" data-targets>
                  Feature, Scenario
                </div>
              </div>
              
            </div>
          </div>
        </div>
      
        <div class="rule" data-rule-symbol="no_scenarios"
            
                rule-Feature
            
        >
          <div>
            <input type="checkbox"
                
                    checked="checked"
                
            />
            <span data-phrase>Feature with no scenarios.</span>
          </div>
          <div class="details" style="display:none;">
            <div class="well">
              <div class="row">
                <div class="col-md-3">
                  <b>Score:</b>
                </div>
                <div class="col-md-9">
                  25
                </div>
              </div>
              <div class="row">
                <div class="col-md-3">
                  <b>Targets:</b>
                </div>
                <div class="col-md-9" data-targets>
                  Feature
                </div>
              </div>
              
            </div>
          </div>
        </div>
      
        <div class="rule" data-rule-symbol="commented_step"
            
                rule-Scenario
            
                rule-Background
            
        >
          <div>
            <input type="checkbox"
                
                    checked="checked"
                
            />
            <span data-phrase>Commented step.</span>
          </div>
          <div class="details" style="display:none;">
            <div class="well">
              <div class="row">
                <div class="col-md-3">
                  <b>Score:</b>
                </div>
                <div class="col-md-9">
                  25
                </div>
              </div>
              <div class="row">
                <div class="col-md-3">
                  <b>Targets:</b>
                </div>
                <div class="col-md-9" data-targets>
                  Scenario, Background
                </div>
              </div>
              
            </div>
          </div>
        </div>
      
        <div class="rule" data-rule-symbol="commented_example"
            
                rule-Scenario
            
        >
          <div>
            <input type="checkbox"
                
                    checked="checked"
                
            />
            <span data-phrase>Commented example.</span>
          </div>
          <div class="details" style="display:none;">
            <div class="well">
              <div class="row">
                <div class="col-md-3">
                  <b>Score:</b>
                </div>
                <div class="col-md-9">
                  25
                </div>
              </div>
              <div class="row">
                <div class="col-md-3">
                  <b>Targets:</b>
                </div>
                <div class="col-md-9" data-targets>
                  Scenario
                </div>
              </div>
              
            </div>
          </div>
        </div>
      
        <div class="rule" data-rule-symbol="no_steps"
            
                rule-Scenario
            
                rule-Background
            
        >
          <div>
            <input type="checkbox"
                
                    checked="checked"
                
            />
            <span data-phrase>No steps in Scenario.</span>
          </div>
          <div class="details" style="display:none;">
            <div class="well">
              <div class="row">
                <div class="col-md-3">
                  <b>Score:</b>
                </div>
                <div class="col-md-9">
                  25
                </div>
              </div>
              <div class="row">
                <div class="col-md-3">
                  <b>Targets:</b>
                </div>
                <div class="col-md-9" data-targets>
                  Scenario, Background
                </div>
              </div>
              
            </div>
          </div>
        </div>
      
        <div class="rule" data-rule-symbol="one_word_step"
            
                rule-Scenario
            
                rule-Background
            
        >
          <div>
            <input type="checkbox"
                
                    checked="checked"
                
            />
            <span data-phrase>Step that is only one word long.</span>
          </div>
          <div class="details" style="display:none;">
            <div class="well">
              <div class="row">
                <div class="col-md-3">
                  <b>Score:</b>
                </div>
                <div class="col-md-9">
                  25
                </div>
              </div>
              <div class="row">
                <div class="col-md-3">
                  <b>Targets:</b>
                </div>
                <div class="col-md-9" data-targets>
                  Scenario, Background
                </div>
              </div>
              
            </div>
          </div>
        </div>
      
        <div class="rule" data-rule-symbol="no_code"
            
                rule-StepDefinition
            
        >
          <div>
            <input type="checkbox"
                
                    checked="checked"
                
            />
            <span data-phrase>No code in Step Definition.</span>
          </div>
          <div class="details" style="display:none;">
            <div class="well">
              <div class="row">
                <div class="col-md-3">
                  <b>Score:</b>
                </div>
                <div class="col-md-9">
                  25
                </div>
              </div>
              <div class="row">
                <div class="col-md-3">
                  <b>Targets:</b>
                </div>
                <div class="col-md-9" data-targets>
                  StepDefinition
                </div>
              </div>
              
            </div>
          </div>
        </div>
      
        <div class="rule" data-rule-symbol="hook_conflicting_tags"
            
                rule-Hook
            
        >
          <div>
            <input type="checkbox"
                
                    checked="checked"
                
            />
            <span data-phrase>Hook that both expects and ignores the same tag. This hook will not function as expected.</span>
          </div>
          <div class="details" style="display:none;">
            <div class="well">
              <div class="row">
                <div class="col-md-3">
                  <b>Score:</b>
                </div>
                <div class="col-md-9">
                  25
                </div>
              </div>
              <div class="row">
                <div class="col-md-3">
                  <b>Targets:</b>
                </div>
                <div class="col-md-9" data-targets>
                  Hook
                </div>
              </div>
              
            </div>
          </div>
        </div>
      
        <div class="rule" data-rule-symbol="hook_no_debugging"
            
                rule-Hook
            
        >
          <div>
            <input type="checkbox"
                
                    checked="checked"
                
            />
            <span data-phrase>Hook without a begin/rescue. Reduced visibility when debugging.</span>
          </div>
          <div class="details" style="display:none;">
            <div class="well">
              <div class="row">
                <div class="col-md-3">
                  <b>Score:</b>
                </div>
                <div class="col-md-9">
                  25
                </div>
              </div>
              <div class="row">
                <div class="col-md-3">
                  <b>Targets:</b>
                </div>
                <div class="col-md-9" data-targets>
                  Hook
                </div>
              </div>
              
            </div>
          </div>
        </div>
      
        <div class="rule" data-rule-symbol="around_hook_no_block_call"
            
                rule-Hook
            
        >
          <div>
            <input type="checkbox"
                
                    checked="checked"
                
            />
            <span data-phrase>Around hook does not call its block.</span>
          </div>
          <div class="details" style="display:none;">
            <div class="well">
              <div class="row">
                <div class="col-md-3">
                  <b>Score:</b>
                </div>
                <div class="col-md-9">
                  25
                </div>
              </div>
              <div class="row">
                <div class="col-md-3">
                  <b>Targets:</b>
                </div>
                <div class="col-md-9" data-targets>
                  Hook
                </div>
              </div>
              
            </div>
          </div>
        </div>
      
        <div class="rule" data-rule-symbol="background_with_no_scenarios"
            
                rule-Feature
            
        >
          <div>
            <input type="checkbox"
                
                    checked="checked"
                
            />
            <span data-phrase>Feature has a background with no scenarios.</span>
          </div>
          <div class="details" style="display:none;">
            <div class="well">
              <div class="row">
                <div class="col-md-3">
                  <b>Score:</b>
                </div>
                <div class="col-md-9">
                  10
                </div>
              </div>
              <div class="row">
                <div class="col-md-3">
                  <b>Targets:</b>
                </div>
                <div class="col-md-9" data-targets>
                  Feature
                </div>
              </div>
              
            </div>
          </div>
        </div>
      
        <div class="rule" data-rule-symbol="empty_feature"
            
                rule-Feature
            
        >
          <div>
            <input type="checkbox"
                
                    checked="checked"
                
            />
            <span data-phrase>Feature file has no content.</span>
          </div>
          <div class="details" style="display:none;">
            <div class="well">
              <div class="row">
                <div class="col-md-3">
                  <b>Score:</b>
                </div>
                <div class="col-md-9">
                  10
                </div>
              </div>
              <div class="row">
                <div class="col-md-3">
                  <b>Targets:</b>
                </div>
                <div class="col-md-9" data-targets>
                  Feature
                </div>
              </div>
              
            </div>
          </div>
        </div>
      
        <div class="rule" data-rule-symbol="numbers_in_description"
            
                rule-Feature
            
                rule-Scenario
            
                rule-Background
            
        >
          <div>
            <input type="checkbox"
                
                    checked="checked"
                
            />
            <span data-phrase>{class} has numbers in the description.</span>
          </div>
          <div class="details" style="display:none;">
            <div class="well">
              <div class="row">
                <div class="col-md-3">
                  <b>Score:</b>
                </div>
                <div class="col-md-9">
                  10
                </div>
              </div>
              <div class="row">
                <div class="col-md-3">
                  <b>Targets:</b>
                </div>
                <div class="col-md-9" data-targets>
                  Feature, Scenario, Background
                </div>
              </div>
              
            </div>
          </div>
        </div>
      
        <div class="rule" data-rule-symbol="hook_duplicate_tags"
            
                rule-Hook
            
        >
          <div>
            <input type="checkbox"
                
                    checked="checked"
                
            />
            <span data-phrase>Hook has duplicate tags.</span>
          </div>
          <div class="details" style="display:none;">
            <div class="well">
              <div class="row">
                <div class="col-md-3">
                  <b>Score:</b>
                </div>
                <div class="col-md-9">
                  10
                </div>
              </div>
              <div class="row">
                <div class="col-md-3">
                  <b>Targets:</b>
                </div>
                <div class="col-md-9" data-targets>
                  Hook
                </div>
              </div>
              
            </div>
          </div>
        </div>
      
        <div class="rule" data-rule-symbol="hook_all_comments"
            
                rule-Hook
            
        >
          <div>
            <input type="checkbox"
                
                    checked="checked"
                
            />
            <span data-phrase>Hook is only comments.</span>
          </div>
          <div class="details" style="display:none;">
            <div class="well">
              <div class="row">
                <div class="col-md-3">
                  <b>Score:</b>
                </div>
                <div class="col-md-9">
                  10
                </div>
              </div>
              <div class="row">
                <div class="col-md-3">
                  <b>Targets:</b>
                </div>
                <div class="col-md-9" data-targets>
                  Hook
                </div>
              </div>
              
            </div>
          </div>
        </div>
      
        <div class="rule" data-rule-symbol="empty_hook"
            
                rule-Hook
            
        >
          <div>
            <input type="checkbox"
                
                    checked="checked"
                
            />
            <span data-phrase>Hook with no content.</span>
          </div>
          <div class="details" style="display:none;">
            <div class="well">
              <div class="row">
                <div class="col-md-3">
                  <b>Score:</b>
                </div>
                <div class="col-md-9">
                  10
                </div>
              </div>
              <div class="row">
                <div class="col-md-3">
                  <b>Targets:</b>
                </div>
                <div class="col-md-9" data-targets>
                  Hook
                </div>
              </div>
              
            </div>
          </div>
        </div>
      
        <div class="rule" data-rule-symbol="commented_tag"
            
                rule-Feature
            
                rule-Scenario
            
        >
          <div>
            <input type="checkbox"
                
                    checked="checked"
                
            />
            <span data-phrase>{class} has a commented out tag</span>
          </div>
          <div class="details" style="display:none;">
            <div class="well">
              <div class="row">
                <div class="col-md-3">
                  <b>Score:</b>
                </div>
                <div class="col-md-9">
                  10
                </div>
              </div>
              <div class="row">
                <div class="col-md-3">
                  <b>Targets:</b>
                </div>
                <div class="col-md-9" data-targets>
                  Feature, Scenario
                </div>
              </div>
              
            </div>
          </div>
        </div>
      
        <div class="rule" data-rule-symbol="commas_in_description"
            
                rule-Feature
            
                rule-Scenario
            
        >
          <div>
            <input type="checkbox"
                
                    checked="checked"
                
            />
            <span data-phrase>There are commas in the description, creating possible multirunning scenarios or features.</span>
          </div>
          <div class="details" style="display:none;">
            <div class="well">
              <div class="row">
                <div class="col-md-3">
                  <b>Score:</b>
                </div>
                <div class="col-md-9">
                  10
                </div>
              </div>
              <div class="row">
                <div class="col-md-3">
                  <b>Targets:</b>
                </div>
                <div class="col-md-9" data-targets>
                  Feature, Scenario
                </div>
              </div>
              
            </div>
          </div>
        </div>
      
        <div class="rule" data-rule-symbol="scenario_same_tag"
            
                rule-Feature
            
        >
          <div>
            <input type="checkbox"
                
                    checked="checked"
                
            />
            <span data-phrase>Tag appears on all scenarios.</span>
          </div>
          <div class="details" style="display:none;">
            <div class="well">
              <div class="row">
                <div class="col-md-3">
                  <b>Score:</b>
                </div>
                <div class="col-md-9">
                  10
                </div>
              </div>
              <div class="row">
                <div class="col-md-3">
                  <b>Targets:</b>
                </div>
                <div class="col-md-9" data-targets>
                  Feature
                </div>
              </div>
              
            </div>
          </div>
        </div>
      
        <div class="rule" data-rule-symbol="pending"
            
                rule-StepDefinition
            
        >
          <div>
            <input type="checkbox"
                
                    checked="checked"
                
            />
            <span data-phrase>Pending step definition. Implement or remove.</span>
          </div>
          <div class="details" style="display:none;">
            <div class="well">
              <div class="row">
                <div class="col-md-3">
                  <b>Score:</b>
                </div>
                <div class="col-md-9">
                  10
                </div>
              </div>
              <div class="row">
                <div class="col-md-3">
                  <b>Targets:</b>
                </div>
                <div class="col-md-9" data-targets>
                  StepDefinition
                </div>
              </div>
              
            </div>
          </div>
        </div>
      
        <div class="rule" data-rule-symbol="lazy_debugging"
            
                rule-StepDefinition
            
        >
          <div>
            <input type="checkbox"
                
                    checked="checked"
                
            />
            <span data-phrase>Lazy Debugging through puts, p, or print</span>
          </div>
          <div class="details" style="display:none;">
            <div class="well">
              <div class="row">
                <div class="col-md-3">
                  <b>Score:</b>
                </div>
                <div class="col-md-9">
                  10
                </div>
              </div>
              <div class="row">
                <div class="col-md-3">
                  <b>Targets:</b>
                </div>
                <div class="col-md-9" data-targets>
                  StepDefinition
                </div>
              </div>
              
            </div>
          </div>
        </div>
      
        <div class="rule" data-rule-symbol="too_many_parameters"
            
                rule-StepDefinition
            
        >
          <div>
            <input type="checkbox"
                
                    checked="checked"
                
            />
            <span data-phrase>Too many parameters in Step Definition.</span>
          </div>
          <div class="details" style="display:none;">
            <div class="well">
              <div class="row">
                <div class="col-md-3">
                  <b>Score:</b>
                </div>
                <div class="col-md-9">
                  10
                </div>
              </div>
              <div class="row">
                <div class="col-md-3">
                  <b>Targets:</b>
                </div>
                <div class="col-md-9" data-targets>
                  StepDefinition
                </div>
              </div>
              
                <div class="row conditions">
                  <div class="col-md-3">
                    <b>Conditions:</b>
                  </div>
                  <div class="col-md-9">
                    
                      <div class="row well">
                        <div class="col-md-2">
                            max:
                        </div>
                        <div class="col-md-10" data-conditions>
                            4
                        </div>
                      </div>
                    
                  </div>
                </div>
              
            </div>
          </div>
        </div>
      
        <div class="rule" data-rule-symbol="multiple_given_when_then"
            
                rule-Scenario
            
                rule-Background
            
        >
          <div>
            <input type="checkbox"
                
                    checked="checked"
                
            />
            <span data-phrase>Given/When/Then used multiple times in the same {class}.</span>
          </div>
          <div class="details" style="display:none;">
            <div class="well">
              <div class="row">
                <div class="col-md-3">
                  <b>Score:</b>
                </div>
                <div class="col-md-9">
                  10
                </div>
              </div>
              <div class="row">
                <div class="col-md-3">
                  <b>Targets:</b>
                </div>
                <div class="col-md-9" data-targets>
                  Scenario, Background
                </div>
              </div>
              
            </div>
          </div>
        </div>
      
        <div class="rule" data-rule-symbol="too_many_examples"
            
                rule-Scenario
            
        >
          <div>
            <input type="checkbox"
                
                    checked="checked"
                
            />
            <span data-phrase>Scenario Outline with too many examples.</span>
          </div>
          <div class="details" style="display:none;">
            <div class="well">
              <div class="row">
                <div class="col-md-3">
                  <b>Score:</b>
                </div>
                <div class="col-md-9">
                  10
                </div>
              </div>
              <div class="row">
                <div class="col-md-3">
                  <b>Targets:</b>
                </div>
                <div class="col-md-9" data-targets>
                  Scenario
                </div>
              </div>
              
                <div class="row conditions">
                  <div class="col-md-3">
                    <b>Conditions:</b>
                  </div>
                  <div class="col-md-9">
                    
                      <div class="row well">
                        <div class="col-md-2">
                            max:
                        </div>
                        <div class="col-md-10" data-conditions>
                            10
                        </div>
                      </div>
                    
                  </div>
                </div>
              
            </div>
          </div>
        </div>
      
        <div class="rule" data-rule-symbol="one_example"
            
                rule-Scenario
            
        >
          <div>
            <input type="checkbox"
                
                    checked="checked"
                
            />
            <span data-phrase>Scenario Outline with only one example.</span>
          </div>
          <div class="details" style="display:none;">
            <div class="well">
              <div class="row">
                <div class="col-md-3">
                  <b>Score:</b>
                </div>
                <div class="col-md-9">
                  10
                </div>
              </div>
              <div class="row">
                <div class="col-md-3">
                  <b>Targets:</b>
                </div>
                <div class="col-md-9" data-targets>
                  Scenario
                </div>
              </div>
              
            </div>
          </div>
        </div>
      
        <div class="rule" data-rule-symbol="asterisk_step"
            
                rule-Scenario
            
                rule-Background
            
        >
          <div>
            <input type="checkbox"
                
                    checked="checked"
                
            />
            <span data-phrase>Step includes a * instead of Given/When/Then/And/But.</span>
          </div>
          <div class="details" style="display:none;">
            <div class="well">
              <div class="row">
                <div class="col-md-3">
                  <b>Score:</b>
                </div>
                <div class="col-md-9">
                  10
                </div>
              </div>
              <div class="row">
                <div class="col-md-3">
                  <b>Targets:</b>
                </div>
                <div class="col-md-9" data-targets>
                  Scenario, Background
                </div>
              </div>
              
            </div>
          </div>
        </div>
      
        <div class="rule" data-rule-symbol="invalid_first_step"
            
                rule-Scenario
            
                rule-Background
            
        >
          <div>
            <input type="checkbox"
                
                    checked="checked"
                
            />
            <span data-phrase>Invalid first step. Began with And/But.</span>
          </div>
          <div class="details" style="display:none;">
            <div class="well">
              <div class="row">
                <div class="col-md-3">
                  <b>Score:</b>
                </div>
                <div class="col-md-9">
                  10
                </div>
              </div>
              <div class="row">
                <div class="col-md-3">
                  <b>Targets:</b>
                </div>
                <div class="col-md-9" data-targets>
                  Scenario, Background
                </div>
              </div>
              
            </div>
          </div>
        </div>
      
        <div class="rule" data-rule-symbol="out_of_order_steps"
            
                rule-Scenario
            
        >
          <div>
            <input type="checkbox"
                
                    checked="checked"
                
            />
            <span data-phrase>Scenario steps out of Given/When/Then order.</span>
          </div>
          <div class="details" style="display:none;">
            <div class="well">
              <div class="row">
                <div class="col-md-3">
                  <b>Score:</b>
                </div>
                <div class="col-md-9">
                  10
                </div>
              </div>
              <div class="row">
                <div class="col-md-3">
                  <b>Targets:</b>
                </div>
                <div class="col-md-9" data-targets>
                  Scenario
                </div>
              </div>
              
            </div>
          </div>
        </div>
      
        <div class="rule" data-rule-symbol="too_many_steps"
            
                rule-Scenario
            
                rule-Background
            
        >
          <div>
            <input type="checkbox"
                
                    checked="checked"
                
            />
            <span data-phrase>{class} with too many steps.</span>
          </div>
          <div class="details" style="display:none;">
            <div class="well">
              <div class="row">
                <div class="col-md-3">
                  <b>Score:</b>
                </div>
                <div class="col-md-9">
                  10
                </div>
              </div>
              <div class="row">
                <div class="col-md-3">
                  <b>Targets:</b>
                </div>
                <div class="col-md-9" data-targets>
                  Scenario, Background
                </div>
              </div>
              
                <div class="row conditions">
                  <div class="col-md-3">
                    <b>Conditions:</b>
                  </div>
                  <div class="col-md-9">
                    
                      <div class="row well">
                        <div class="col-md-2">
                            max:
                        </div>
                        <div class="col-md-10" data-conditions>
                            7
                        </div>
                      </div>
                    
                  </div>
                </div>
              
            </div>
          </div>
        </div>
      
        <div class="rule" data-rule-symbol="background_with_one_scenario"
            
                rule-Feature
            
        >
          <div>
            <input type="checkbox"
                
                    checked="checked"
                
            />
            <span data-phrase>Feature has a background with one scenario.</span>
          </div>
          <div class="details" style="display:none;">
            <div class="well">
              <div class="row">
                <div class="col-md-3">
                  <b>Score:</b>
                </div>
                <div class="col-md-9">
                  10
                </div>
              </div>
              <div class="row">
                <div class="col-md-3">
                  <b>Targets:</b>
                </div>
                <div class="col-md-9" data-targets>
                  Feature
                </div>
              </div>
              
            </div>
          </div>
        </div>
      
        <div class="rule" data-rule-symbol="feature_same_tag"
            
                rule-Feature
            
        >
          <div>
            <input type="checkbox"
                
                    checked="checked"
                
            />
            <span data-phrase>Same tag appears on both Feature and Scenario</span>
          </div>
          <div class="details" style="display:none;">
            <div class="well">
              <div class="row">
                <div class="col-md-3">
                  <b>Score:</b>
                </div>
                <div class="col-md-9">
                  10
                </div>
              </div>
              <div class="row">
                <div class="col-md-3">
                  <b>Targets:</b>
                </div>
                <div class="col-md-9" data-targets>
                  Feature
                </div>
              </div>
              
            </div>
          </div>
        </div>
      
        <div class="rule" data-rule-symbol="too_many_tags"
            
                rule-Feature
            
                rule-Scenario
            
        >
          <div>
            <input type="checkbox"
                
                    checked="checked"
                
            />
            <span data-phrase>{class} has too many tags.</span>
          </div>
          <div class="details" style="display:none;">
            <div class="well">
              <div class="row">
                <div class="col-md-3">
                  <b>Score:</b>
                </div>
                <div class="col-md-9">
                  1
                </div>
              </div>
              <div class="row">
                <div class="col-md-3">
                  <b>Targets:</b>
                </div>
                <div class="col-md-9" data-targets>
                  Feature, Scenario
                </div>
              </div>
              
                <div class="row conditions">
                  <div class="col-md-3">
                    <b>Conditions:</b>
                  </div>
                  <div class="col-md-9">
                    
                      <div class="row well">
                        <div class="col-md-2">
                            max:
                        </div>
                        <div class="col-md-10" data-conditions>
                            8
                        </div>
                      </div>
                    
                  </div>
                </div>
              
            </div>
          </div>
        </div>
      
        <div class="rule" data-rule-symbol="implementation_word"
            
                rule-Scenario
            
                rule-Background
            
        >
          <div>
            <input type="checkbox"
                
                    checked="checked"
                
            />
            <span data-phrase>Implementation word used: {word}.</span>
          </div>
          <div class="details" style="display:none;">
            <div class="well">
              <div class="row">
                <div class="col-md-3">
                  <b>Score:</b>
                </div>
                <div class="col-md-9">
                  1
                </div>
              </div>
              <div class="row">
                <div class="col-md-3">
                  <b>Targets:</b>
                </div>
                <div class="col-md-9" data-targets>
                  Scenario, Background
                </div>
              </div>
              
                <div class="row conditions">
                  <div class="col-md-3">
                    <b>Conditions:</b>
                  </div>
                  <div class="col-md-9">
                    
                      <div class="row well">
                        <div class="col-md-2">
                            words:
                        </div>
                        <div class="col-md-10" data-conditions>
                            ["page", "site", "url", "drop down", "dropdown", "select list", "click", "text box", "radio button", "check box", "xml", "window", "pop up", "pop-up", "screen", "database", "DB"]
                        </div>
                      </div>
                    
                  </div>
                </div>
              
            </div>
          </div>
        </div>
      
        <div class="rule" data-rule-symbol="implementation_word_button"
            
                rule-Scenario
            
        >
          <div>
            <input type="checkbox"
                
                    checked="checked"
                
            />
            <span data-phrase>Implementation word used: button.</span>
          </div>
          <div class="details" style="display:none;">
            <div class="well">
              <div class="row">
                <div class="col-md-3">
                  <b>Score:</b>
                </div>
                <div class="col-md-9">
                  1
                </div>
              </div>
              <div class="row">
                <div class="col-md-3">
                  <b>Targets:</b>
                </div>
                <div class="col-md-9" data-targets>
                  Scenario
                </div>
              </div>
              
            </div>
          </div>
        </div>
      
        <div class="rule" data-rule-symbol="implementation_word_tab"
            
                rule-Scenario
            
        >
          <div>
            <input type="checkbox"
                
                    checked="checked"
                
            />
            <span data-phrase>Implementation word used: tab.</span>
          </div>
          <div class="details" style="display:none;">
            <div class="well">
              <div class="row">
                <div class="col-md-3">
                  <b>Score:</b>
                </div>
                <div class="col-md-9">
                  1
                </div>
              </div>
              <div class="row">
                <div class="col-md-3">
                  <b>Targets:</b>
                </div>
                <div class="col-md-9" data-targets>
                  Scenario
                </div>
              </div>
              
            </div>
          </div>
        </div>
      
        <div class="rule" data-rule-symbol="too_many_scenarios"
            
                rule-Feature
            
        >
          <div>
            <input type="checkbox"
                
                    checked="checked"
                
            />
            <span data-phrase>Feature with too many scenarios.</span>
          </div>
          <div class="details" style="display:none;">
            <div class="well">
              <div class="row">
                <div class="col-md-3">
                  <b>Score:</b>
                </div>
                <div class="col-md-9">
                  1
                </div>
              </div>
              <div class="row">
                <div class="col-md-3">
                  <b>Targets:</b>
                </div>
                <div class="col-md-9" data-targets>
                  Feature
                </div>
              </div>
              
                <div class="row conditions">
                  <div class="col-md-3">
                    <b>Conditions:</b>
                  </div>
                  <div class="col-md-9">
                    
                      <div class="row well">
                        <div class="col-md-2">
                            max:
                        </div>
                        <div class="col-md-10" data-conditions>
                            10
                        </div>
                      </div>
                    
                  </div>
                </div>
              
            </div>
          </div>
        </div>
      
        <div class="rule" data-rule-symbol="date_used"
            
                rule-Scenario
            
                rule-Background
            
        >
          <div>
            <input type="checkbox"
                
                    checked="checked"
                
            />
            <span data-phrase>Date used.</span>
          </div>
          <div class="details" style="display:none;">
            <div class="well">
              <div class="row">
                <div class="col-md-3">
                  <b>Score:</b>
                </div>
                <div class="col-md-9">
                  1
                </div>
              </div>
              <div class="row">
                <div class="col-md-3">
                  <b>Targets:</b>
                </div>
                <div class="col-md-9" data-targets>
                  Scenario, Background
                </div>
              </div>
              
            </div>
          </div>
        </div>
      
        <div class="rule" data-rule-symbol="nested_step"
            
                rule-StepDefinition
            
        >
          <div>
            <input type="checkbox"
                
                    checked="checked"
                
            />
            <span data-phrase>Nested step call.</span>
          </div>
          <div class="details" style="display:none;">
            <div class="well">
              <div class="row">
                <div class="col-md-3">
                  <b>Score:</b>
                </div>
                <div class="col-md-9">
                  1
                </div>
              </div>
              <div class="row">
                <div class="col-md-3">
                  <b>Targets:</b>
                </div>
                <div class="col-md-9" data-targets>
                  StepDefinition
                </div>
              </div>
              
            </div>
          </div>
        </div>
      
        <div class="rule" data-rule-symbol="commented_code"
            
                rule-StepDefinition
            
        >
          <div>
            <input type="checkbox"
                
                    checked="checked"
                
            />
            <span data-phrase>Commented code in Step Definition.</span>
          </div>
          <div class="details" style="display:none;">
            <div class="well">
              <div class="row">
                <div class="col-md-3">
                  <b>Score:</b>
                </div>
                <div class="col-md-9">
                  1
                </div>
              </div>
              <div class="row">
                <div class="col-md-3">
                  <b>Targets:</b>
                </div>
                <div class="col-md-9" data-targets>
                  StepDefinition
                </div>
              </div>
              
            </div>
          </div>
        </div>
      
        <div class="rule" data-rule-symbol="small_sleep"
            
                rule-StepDefinition
            
        >
          <div>
            <input type="checkbox"
                
                    checked="checked"
                
            />
            <span data-phrase>Small sleeps used. Use a wait_until like method.</span>
          </div>
          <div class="details" style="display:none;">
            <div class="well">
              <div class="row">
                <div class="col-md-3">
                  <b>Score:</b>
                </div>
                <div class="col-md-9">
                  1
                </div>
              </div>
              <div class="row">
                <div class="col-md-3">
                  <b>Targets:</b>
                </div>
                <div class="col-md-9" data-targets>
                  StepDefinition
                </div>
              </div>
              
                <div class="row conditions">
                  <div class="col-md-3">
                    <b>Conditions:</b>
                  </div>
                  <div class="col-md-9">
                    
                      <div class="row well">
                        <div class="col-md-2">
                            max:
                        </div>
                        <div class="col-md-10" data-conditions>
                            2
                        </div>
                      </div>
                    
                  </div>
                </div>
              
            </div>
          </div>
        </div>
      
        <div class="rule" data-rule-symbol="large_sleep"
            
                rule-StepDefinition
            
        >
          <div>
            <input type="checkbox"
                
                    checked="checked"
                
            />
            <span data-phrase>Large sleeps used. Use a wait_until like method.</span>
          </div>
          <div class="details" style="display:none;">
            <div class="well">
              <div class="row">
                <div class="col-md-3">
                  <b>Score:</b>
                </div>
                <div class="col-md-9">
                  1
                </div>
              </div>
              <div class="row">
                <div class="col-md-3">
                  <b>Targets:</b>
                </div>
                <div class="col-md-9" data-targets>
                  StepDefinition
                </div>
              </div>
              
                <div class="row conditions">
                  <div class="col-md-3">
                    <b>Conditions:</b>
                  </div>
                  <div class="col-md-9">
                    
                      <div class="row well">
                        <div class="col-md-2">
                            min:
                        </div>
                        <div class="col-md-10" data-conditions>
                            2
                        </div>
                      </div>
                    
                  </div>
                </div>
              
            </div>
          </div>
        </div>
      
        <div class="rule" data-rule-symbol="todo"
            
                rule-StepDefinition
            
        >
          <div>
            <input type="checkbox"
                
                    checked="checked"
                
            />
            <span data-phrase>Todo found. Resolve it.</span>
          </div>
          <div class="details" style="display:none;">
            <div class="well">
              <div class="row">
                <div class="col-md-3">
                  <b>Score:</b>
                </div>
                <div class="col-md-9">
                  1
                </div>
              </div>
              <div class="row">
                <div class="col-md-3">
                  <b>Targets:</b>
                </div>
                <div class="col-md-9" data-targets>
                  StepDefinition
                </div>
              </div>
              
            </div>
          </div>
        </div>
      
        <div class="rule" data-rule-symbol="hook_not_in_hooks_file"
            
                rule-Hook
            
        >
          <div>
            <input type="checkbox"
                
                    checked="checked"
                
            />
            <span data-phrase>Hook found outside of the designated hooks file</span>
          </div>
          <div class="details" style="display:none;">
            <div class="well">
              <div class="row">
                <div class="col-md-3">
                  <b>Score:</b>
                </div>
                <div class="col-md-9">
                  1
                </div>
              </div>
              <div class="row">
                <div class="col-md-3">
                  <b>Targets:</b>
                </div>
                <div class="col-md-9" data-targets>
                  Hook
                </div>
              </div>
              
                <div class="row conditions">
                  <div class="col-md-3">
                    <b>Conditions:</b>
                  </div>
                  <div class="col-md-9">
                    
                      <div class="row well">
                        <div class="col-md-2">
                            file:
                        </div>
                        <div class="col-md-10" data-conditions>
                            hooks.rb
                        </div>
                      </div>
                    
                  </div>
                </div>
              
            </div>
          </div>
        </div>
      
        <div class="rule" data-rule-symbol="long_name"
            
                rule-Feature
            
                rule-Scenario
            
                rule-Background
            
        >
          <div>
            <input type="checkbox"
                
                    checked="checked"
                
            />
            <span data-phrase>{class} has a long description.</span>
          </div>
          <div class="details" style="display:none;">
            <div class="well">
              <div class="row">
                <div class="col-md-3">
                  <b>Score:</b>
                </div>
                <div class="col-md-9">
                  1
                </div>
              </div>
              <div class="row">
                <div class="col-md-3">
                  <b>Targets:</b>
                </div>
                <div class="col-md-9" data-targets>
                  Feature, Scenario, Background
                </div>
              </div>
              
                <div class="row conditions">
                  <div class="col-md-3">
                    <b>Conditions:</b>
                  </div>
                  <div class="col-md-9">
                    
                      <div class="row well">
                        <div class="col-md-2">
                            max:
                        </div>
                        <div class="col-md-10" data-conditions>
                            180
                        </div>
                      </div>
                    
                  </div>
                </div>
              
            </div>
          </div>
        </div>
      
    </div>
  </div>
</div>

   <div class="row">
    <div class="panel panel-default">
        <div class="panel-heading panel-title" data-toggle="collapse" data-target="#deadSteps" >
          Dead Steps <span class="glyphicon glyphicon-menu-down"></span>
        </div>
        <div id="deadSteps" class="panel-body collapse">
          <span class="button-bar">
            <div class="btn-group">
  <div class="btn btn-default" collapse>
    Collapse All
  </div>
  <div class="btn btn-default" expand>
    Expand All
  </div>
</div>
          </span>
          <div>
            
            
            
            
                <div class="notes">No dead steps found!</div>
            
          </div>
          
        </div>
    </div>
</div>
   <div class="row">
  <div class="panel panel-default">
    <div class="panel-heading panel-title" data-toggle="collapse" data-target="#features" >
      Features <span class="glyphicon glyphicon-menu-down"></span>
    </div>
    <div id="features" class="panel-body collapse">
      <span class="button-bar">
        <div class="btn-group">
  <div class="btn btn-default" collapse>
    Collapse All
  </div>
  <div class="btn btn-default" expand>
    Expand All
  </div>
</div>
      </span>
      
      
          
          <div class="feature">
            <div class="row">
              <div class="col-md-12 title">
                <div class="col-md-1 red" title="Total Score from this Feature.">
                  10
                </div>
                <div class="col-md-11">
                    
                        I am a nested feature
                    
                </div>
              </div>
              <div class="details col-md-12" style="display:none;">
                <div class="well">
                  <div class="row">
                    <div class="col-md-12 filename">
                      File: <a target="_blank" href="file:///examples/simple_project/features/scenarios/nested_directory/nested_feature.feature" title="Note: Links to file on system this report was generated.">
                        /scenarios/nested_directory/nested_feature.feature
                      </a>
                    </div>
                  </div>

                  <div class="row featureProblems">
                    <div class="col-md-12">
                      <h4>
                        Feature:
                        <span class="red" title="Points earned from just the feature. This updates based on what rules
                        are active." data-total-feature-score="0">
                          0
                        </span>
                      </h4>
                    </div>
                    
                  </div>

                  <div class="row backgroundProblems">
                    
                  </div>
                  <div class="row scenarios">
                    <div class="col-md-12">
                      <h4>Scenarios:
                        <span class="red" title="Total Points earned from all the scenarios in this feature. This updates
                        based on what rules are active." data-total-scenarios-score="10">
                          10
                        </span>
                      </h4>
                    </div>
                    <div class="col-md-12 scenarios">
                      
                        
                        <div class="col-md-12 scenario">
                          <div class="col-md-12 title">
                            <div class="btn btn-xs btn-default" style="display:none;"> <!--TODO enable this feature -->
                              View <span class="glyphicon glyphicon-eye-open"></span>
                            </div>
                            Scenario: A nested scenario should be parseable
                          </div>
                          <div class="col-md-12 details well">
                            
                              <div class="row" data-improvement-row>
                                <div class="col-md-1 red" data-score>
                                  1
                                </div>
                                <div class="col-md-11" data-improvement="Scenario steps out of Given/When/Then order.">
                                  Scenario steps out of Given/When/Then order.
                                </div>
                              </div>
                            
                          </div>
                        </div>
                      
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
      
          
          
    </div>
  </div>
</div>
   <div class="row">
  <div class="panel panel-default">
    <div id="stepDefinitionTab" class="panel-heading panel-title" data-toggle="collapse" data-target="#step_definitions">
      Step Definitions <span class="glyphicon glyphicon-menu-down"></span>
    </div>

    <div id="step_definitions" class="panel-body collapse">
      <span class="button-bar">
        <div class="btn-group">
  <div class="btn btn-default" collapse>
    Collapse All
  </div>
  <div class="btn btn-default" expand>
    Expand All
  </div>
</div>
        <div class="btn-group" data-toggle="buttons">
          <div id="showDeadSteps" class="btn btn-default">
            <input type="checkbox"/>Show Dead Steps
          </div>
        </div>
      </span>
      
          
              
              <div class="stepDefinition ">
                <div class="row">
                  <div class="col-md-12 title">
                    <div class="col-md-1 red" title="Total Score from this Step Definition file.">
                      10
                    </div>
                    <div class="col-md-11">
                          /^I am a nested step$/
                    </div>
                  </div>
                  <div class="details col-md-12" style="display: none;">
                    <div class="well">
                      <div class="row">
                        <div class="col-md-12 filename">
                          File: <a target="_blank" href="file:///examples/simple_project/features/step_definitions/nested_steps/nested_steps.rb" title="Note: Links to file on system this report was generated.">
                              /step_definitions/nested_steps/nested_steps.rb:1
                            </a>
                        </div>
                        <div class="col-md-12">
                          
                              Call(s): 1
                          
                        </div>
                      </div>
                      <div class="row well">
                        
                            <div class="row" data-improvement-row>
                                <div class="col-md-1 red" data-score>
                                  1
                                </div>
                                <div class="col-md-11" data-improvement="Lazy Debugging through puts, p, or print">
                                  Lazy Debugging through puts, p, or print
                                </div>
                            </div>
                        
                      </div>
                    </div>
                  </div>
                </div>
              </div>
          
              
              <div class="stepDefinition ">
                <div class="row">
                  <div class="col-md-12 title">
                    <div class="col-md-1 red" title="Total Score from this Step Definition file.">
                      1
                    </div>
                    <div class="col-md-11">
                          /^the first number is 1$/
                    </div>
                  </div>
                  <div class="details col-md-12" style="display: none;">
                    <div class="well">
                      <div class="row">
                        <div class="col-md-12 filename">
                          File: <a target="_blank" href="file:///examples/simple_project/features/step_definitions/simple_calculator_steps.rb" title="Note: Links to file on system this report was generated.">
                              /step_definitions/simple_calculator_steps.rb:1
                            </a>
                        </div>
                        <div class="col-md-12">
                          
                              Call(s): 1
                          
                        </div>
                      </div>
                      <div class="row well">
                        
                            <div class="row" data-improvement-row>
                                <div class="col-md-1 red" data-score>
                                  1
                                </div>
                                <div class="col-md-11" data-improvement="Nested step call.">
                                  Nested step call.
                                </div>
                            </div>
                        
                      </div>
                    </div>
                  </div>
                </div>
              </div>
          
              
              
              
              
              
              
      

    </div>
  </div>
</div>
   <div class="row">
  <div class="panel panel-default">
    <div class="panel-heading panel-title" data-toggle="collapse" data-target="#hooks" >
      Hooks <span class="glyphicon glyphicon-menu-down"></span>
    </div>
    <div id="hooks" class="panel-body collapse">
      <span class="button-bar">
        <div class="btn-group">
  <div class="btn btn-default" collapse>
    Collapse All
  </div>
  <div class="btn btn-default" expand>
    Expand All
  </div>
</div>
      </span>
      
          
              
              <div class="hook">
                <div class="row">
                  <div class="title col-md-12">
                    <div class="col-md-1">
                          <span class="red" title="Total score for Hook file.">
                            25
                          </span>
                    </div>
                    <div class="col-md-11">
                      
                      
                          
                          
                      
                      
                      
                      
                      
                      
                      
                      
                      
                      Before(~@tag) do 
                    </div>
                  </div>
                  <div class="details col-md-12" style="display:none;">
                    <div class="well">
                      <div class="row">
                        <div class="col-md-12 filename">
                          File:
                          <a target="_blank" href="file:///examples/simple_project/features/support/hooks.rb" title="Note: Links to file on system this report was generated.">
                            /support/hooks.rb:9
                          </a>
                        </div>
                        <div class="well col-md-12">
                          
                              <div class="row" data-improvement-row>
                                  <div class="col-md-1 red" data-score>
                                    1
                                  </div>
                                  <div class="col-md-11" data-improvement="Hook without a begin/rescue. Reduced visibility when debugging.">
                                    Hook without a begin/rescue. Reduced visibility when debugging.
                                  </div>
                              </div>
                          
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
          
              
              <div class="hook">
                <div class="row">
                  <div class="title col-md-12">
                    <div class="col-md-1">
                          <span class="red" title="Total score for Hook file.">
                            25
                          </span>
                    </div>
                    <div class="col-md-11">
                      
                      
                      
                      
                      
                      
                      
                      
                      
                      
                      at_exit do 
                    </div>
                  </div>
                  <div class="details col-md-12" style="display:none;">
                    <div class="well">
                      <div class="row">
                        <div class="col-md-12 filename">
                          File:
                          <a target="_blank" href="file:///examples/simple_project/features/support/hooks.rb" title="Note: Links to file on system this report was generated.">
                            /support/hooks.rb:21
                          </a>
                        </div>
                        <div class="well col-md-12">
                          
                              <div class="row" data-improvement-row>
                                  <div class="col-md-1 red" data-score>
                                    1
                                  </div>
                                  <div class="col-md-11" data-improvement="Hook without a begin/rescue. Reduced visibility when debugging.">
                                    Hook without a begin/rescue. Reduced visibility when debugging.
                                  </div>
                              </div>
                          
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
          
              
              <div class="hook">
                <div class="row">
                  <div class="title col-md-12">
                    <div class="col-md-1">
                          <span class="red" title="Total score for Hook file.">
                            25
                          </span>
                    </div>
                    <div class="col-md-11">
                      
                      
                          
                          
                      
                          
                          
                      
                      
                      
                      
                      
                      
                      
                      
                      
                      After(~@tag,@tag2, @tag3) do 
                    </div>
                  </div>
                  <div class="details col-md-12" style="display:none;">
                    <div class="well">
                      <div class="row">
                        <div class="col-md-12 filename">
                          File:
                          <a target="_blank" href="file:///examples/simple_project/features/support/hooks.rb" title="Note: Links to file on system this report was generated.">
                            /support/hooks.rb:17
                          </a>
                        </div>
                        <div class="well col-md-12">
                          
                              <div class="row" data-improvement-row>
                                  <div class="col-md-1 red" data-score>
                                    1
                                  </div>
                                  <div class="col-md-11" data-improvement="Hook without a begin/rescue. Reduced visibility when debugging.">
                                    Hook without a begin/rescue. Reduced visibility when debugging.
                                  </div>
                              </div>
                          
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
          
              
              <div class="hook">
                <div class="row">
                  <div class="title col-md-12">
                    <div class="col-md-1">
                          <span class="red" title="Total score for Hook file.">
                            25
                          </span>
                    </div>
                    <div class="col-md-11">
                      
                      
                          
                          
                      
                      
                      
                      
                      
                      
                      
                      
                      
                      After(@tag) do 
                    </div>
                  </div>
                  <div class="details col-md-12" style="display:none;">
                    <div class="well">
                      <div class="row">
                        <div class="col-md-12 filename">
                          File:
                          <a target="_blank" href="file:///examples/simple_project/features/support/hooks.rb" title="Note: Links to file on system this report was generated.">
                            /support/hooks.rb:13
                          </a>
                        </div>
                        <div class="well col-md-12">
                          
                              <div class="row" data-improvement-row>
                                  <div class="col-md-1 red" data-score>
                                    1
                                  </div>
                                  <div class="col-md-11" data-improvement="Hook without a begin/rescue. Reduced visibility when debugging.">
                                    Hook without a begin/rescue. Reduced visibility when debugging.
                                  </div>
                              </div>
                          
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
          
              
              <div class="hook">
                <div class="row">
                  <div class="title col-md-12">
                    <div class="col-md-1">
                          <span class="red" title="Total score for Hook file.">
                            25
                          </span>
                    </div>
                    <div class="col-md-11">
                      
                      
                          
                          
                      
                      
                      
                      
                      
                      
                      
                      
                      
                      Before(@tag) do 
                    </div>
                  </div>
                  <div class="details col-md-12" style="display:none;">
                    <div class="well">
                      <div class="row">
                        <div class="col-md-12 filename">
                          File:
                          <a target="_blank" href="file:///examples/simple_project/features/support/hooks.rb" title="Note: Links to file on system this report was generated.">
                            /support/hooks.rb:5
                          </a>
                        </div>
                        <div class="well col-md-12">
                          
                              <div class="row" data-improvement-row>
                                  <div class="col-md-1 red" data-score>
                                    1
                                  </div>
                                  <div class="col-md-11" data-improvement="Hook without a begin/rescue. Reduced visibility when debugging.">
                                    Hook without a begin/rescue. Reduced visibility when debugging.
                                  </div>
                              </div>
                          
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
          
              
              <div class="hook">
                <div class="row">
                  <div class="title col-md-12">
                    <div class="col-md-1">
                          <span class="red" title="Total score for Hook file.">
                            25
                          </span>
                    </div>
                    <div class="col-md-11">
                      
                      
                      
                      
                      
                      
                      
                      
                      
                      
                      AfterConfiguration do 
                    </div>
                  </div>
                  <div class="details col-md-12" style="display:none;">
                    <div class="well">
                      <div class="row">
                        <div class="col-md-12 filename">
                          File:
                          <a target="_blank" href="file:///examples/simple_project/features/support/hooks.rb" title="Note: Links to file on system this report was generated.">
                            /support/hooks.rb:1
                          </a>
                        </div>
                        <div class="well col-md-12">
                          
                              <div class="row" data-improvement-row>
                                  <div class="col-md-1 red" data-score>
                                    1
                                  </div>
                                  <div class="col-md-11" data-improvement="Hook without a begin/rescue. Reduced visibility when debugging.">
                                    Hook without a begin/rescue. Reduced visibility when debugging.
                                  </div>
                              </div>
                          
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
          
              
              <div class="hook">
                <div class="row">
                  <div class="title col-md-12">
                    <div class="col-md-1">
                          <span class="red" title="Total score for Hook file.">
                            21
                          </span>
                    </div>
                    <div class="col-md-11">
                      
                      
                          
                          
                      
                      
                      
                      
                      
                      
                      
                      
                      
                      Before(@tag1) do 
                    </div>
                  </div>
                  <div class="details col-md-12" style="display:none;">
                    <div class="well">
                      <div class="row">
                        <div class="col-md-12 filename">
                          File:
                          <a target="_blank" href="file:///examples/simple_project/features/support/env.rb" title="Note: Links to file on system this report was generated.">
                            /support/env.rb:1
                          </a>
                        </div>
                        <div class="well col-md-12">
                          
                              <div class="row" data-improvement-row>
                                  <div class="col-md-1 red" data-score>
                                    1
                                  </div>
                                  <div class="col-md-11" data-improvement="Hook found outside of the designated hooks file">
                                    Hook found outside of the designated hooks file
                                  </div>
                              </div>
                          
                              <div class="row" data-improvement-row>
                                  <div class="col-md-1 red" data-score>
                                    1
                                  </div>
                                  <div class="col-md-11" data-improvement="Hook is only comments.">
                                    Hook is only comments.
                                  </div>
                              </div>
                          
                              <div class="row" data-improvement-row>
                                  <div class="col-md-1 red" data-score>
                                    1
                                  </div>
                                  <div class="col-md-11" data-improvement="Hook with no content.">
                                    Hook with no content.
                                  </div>
                              </div>
                          
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
          
      
    </div>
  </div>
</div>
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>

<script type="text/javascript">
    var CukeSniffer = {
    init: function(){
        CukeSniffer.actions.bind();
        CukeSniffer.view._startTooltips();
        CukeSniffer.view._updateRowColors();
        CukeSniffer.view._disableRulesFromLocalStorage();
    },
    view: {
        _disableRulesFromLocalStorage: function(){
            $.each($("[data-rule-symbol]"), function(index, rule){
                var $rule = $(rule),
                    symbol = $rule.data("rule-symbol"),
                    hasCookie = localStorage.getItem(symbol) != undefined;
                if(hasCookie){
                    $rule.find("input").click();
                }
            });
        },
        toggleDetails: function(){
            $(this).closest(".deadStep, .feature, .stepDefinition, .hook").find(".row > .details").slideToggle();
        },
        _startTooltips: function(){
            $("[title]").tooltip();
        },
        _updateRowColors: function(){
            $(".rule:visible:even, .deadStep:even, .feature:even, .stepDefinition:even, .hook:even").addClass("blueRow");
        },
        _updateVisibleItems: function(){
            $(".feature, .backgroundProblems, .scenario, .scenarios, .stepDefinition, .hook").hide();
            CukeSniffer.view._updateVisibleFeatureIssues();
            CukeSniffer.view._updateVisibleStepDefinitionIssues();
            CukeSniffer.view._updateVisibleHookIssues();
        },
        _updateVisibleFeatureIssues: function(){
            var $visibleFeatures = $(".feature:has([show])"),
                $visibleBackground = $(".backgroundProblems:has([show])"),
                $visibleScenarioBlocks = $(".scenarios:has([show])"),
                $visibleScenarios = $(".scenario:has(.details [data-improvement-row][show])");

            $visibleFeatures.show();
            $visibleBackground.show();
            $visibleScenarioBlocks.show();
            $visibleScenarios.show();
            $visibleScenarios.find(".details").show();
        },
        _updateVisibleStepDefinitionIssues: function(){
            var $visibleStepDefinition = $(".stepDefinition:has([show])")
            $visibleStepDefinition.show();
        },
        _updateVisibleHookIssues: function(){
            var $visibleHooks = $(".hook:has([show])")
            $visibleHooks.show();
        }
    },
    actions: {
        bind: function(){
            CukeSniffer.actions._bindExpandAll();
            CukeSniffer.actions._bindCollapseAll();
            CukeSniffer.actions._bindShowDeadSteps()
            CukeSniffer.actions._togglePanelHeaderIcons();
            CukeSniffer.actions._viewRules();
            CukeSniffer.actions._clickRow();
            CukeSniffer.actions._ruleFilters();
            CukeSniffer.actions.toggleDetails();
            CukeSniffer.actions.enableAllRules();
            CukeSniffer.actions.disableAllRules();
            CukeSniffer.actions.changeRuleStatus();
        },
        _bindExpandAll: function(){
            $(document).on("click", "[expand]", function(){
                $(this).closest(".panel-body").find(".details").show();
            });
        },
        _bindShowDeadSteps: function(){
            $("#step_definitions .deadStep").hide();
            $(document).on("click", "#showDeadSteps", function(){
                $("#step_definitions .deadStep").toggle()
            });
        },
        _bindCollapseAll: function(){
            $(document).on("click", "[collapse]", function(){
                $(this).closest(".panel-body").find(".details").hide();
            });
        },
        _togglePanelHeaderIcons: function(){
            $(document).on("click", ".panel-title", function(){
                var $icon = $(this).find(".glyphicon");
                $icon.toggleClass("glyphicon-menu-down");
                $icon.toggleClass("glyphicon-menu-up");
            });
        },
        _viewRules: function(){
            $(document).on("click", "#rulesTab", CukeSniffer.view._updateRowColors);
        },
        _clickRow: function(){
            $(document).on("click", ".rule", function(){
                var $details = $(this).find(".details");
                $details.toggle();
            });
            $(document).on("click", ".rule :checkbox", function(event){
                event.stopPropagation();
            });
        },
        _ruleFilters: function(){
            $(document).on("click", "#ruleFilters .btn", function(){
                var $clickedCheckbox = $(this).find(":checkbox");
                $(".rule").hide().removeClass("blueRow");
                $("#ruleFilters .btn").each(function(index, button){
                    var $checkbox = $(button).find(":checkbox"),
                        filterName = $checkbox.data("rule-type"),
                    //hate this hack.
                        checked = ($clickedCheckbox[0] == $checkbox[0]) ? !$checkbox.is(":checked") : $checkbox.is(":checked");
                    if(checked){
                        $("[rule-" + filterName + "]").show();
                    }
                });
                CukeSniffer.view._updateRowColors();
            });
        },
        toggleDetails: function(){
            $(document).on("click", ".deadStep > .row > .title," +
                " .feature > .row > .title, " +
                ".stepDefinition > .row > .title, " +
                ".hook .title", CukeSniffer.view.toggleDetails);
        },
        enableAllRules: function(){
            $(document).on("click", "#enableAllRules", function(){
                $(".rule input[type='checkbox']:not(:checked)").click();
            });
        },
        disableAllRules: function(){
            $(document).on("click", "#disableAllRules", function(){
                $(".rule input[type='checkbox']:checked").click();
            });
        },
        changeRuleStatus: function(){
            $(document).on("click", ".rule input[type='checkbox']", function(){
                var enabled = $(this).is(":checked"),
                    $rule = $(this).closest(".rule"),
                    phrase = $rule.find("[data-phrase]").html(),
                    symbol = $rule.data("rule-symbol"),
                    improvementPhraseList = [];
                if(enabled){
                    localStorage.removeItem(symbol);
                } else {
                    localStorage.setItem(symbol, true);
                }
                if(phrase.indexOf("{class}") != -1) {
                    var targets = $(this).closest(".rule").find("[data-targets]").html().trim().split(", ");
                    if(targets.indexOf("Scenario") != -1){
                        targets.push("Scenario Outline");
                    }
                    $.each(targets, function (n, target) {
                        improvementPhraseList.push(phrase.replace("{class}", target))
                    });
                } else if(phrase.indexOf("{word}") != -1){
                    var targets = $(this).closest(".rule").find("[data-conditions]").html().trim().replace("[", "").replace("]", "").replace(/\"/g, "").split(", ");
                    $.each(targets, function (n, target) {
                        improvementPhraseList.push(phrase.replace("{word}", target))
                    });
                } else {
                    improvementPhraseList.push(phrase)
                }
                (enabled) ? CukeSniffer.actions._enableRule(improvementPhraseList) : CukeSniffer.actions._disableRule(improvementPhraseList);
            });
        },
        _enableRule: function(improvementPhraseList){
            $.each(improvementPhraseList, function(n, phrase){
                var $all = $("[data-improvement-row]:has([data-improvement='" + phrase +"'])");
                $all.show();
                $all.attr("show", true);
            });
            CukeSniffer.view._updateVisibleItems();
        },
        _disableRule: function(improvementPhraseList){
            $.each(improvementPhraseList, function(n, phrase){
                var $all = $("[data-improvement-row]:has([data-improvement='" + phrase +"'])");
                $all.hide();
                $all.removeAttr("show");
            });
            CukeSniffer.view._updateVisibleItems();
        }
    }
};
    $(document).ready(function(){
        CukeSniffer.init();
    });
</script>

   </div>
</body>
